<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Netflix</title>
    <link rel="stylesheet" href="../assets/css/netflix.css">

    <!-- BootStrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous" />

</head>


<body>
    <nav class="navbar navbar-expand-lg bg-dark mb-3" style="position:sticky; z-index: 1;">
        <div class="container-fluid">
            <img class="navbar-brand" style="width: 10%" src="../assets/Images/netflix_logo.png">
            <form class="navbar-form navbar-right" id="form">
                <input type="text" id="search" placeholder="Search" class="search bg-light" />
            </form>
        </div>
    </nav>

    <div id="main"></div>

    

</body>
<script src="../assets/js/netflix.js"></script>

</html>
